import { Form, Input, Select } from 'antd';
import React, { useState } from 'react';
const { TextArea } = Input;
const Submit = (props) => {
  const [componentSize, setComponentSize] = useState('default');
  const onFormLayoutChange = ({ size }) => {
    setComponentSize(size);
  };
  return (
    <Form
      labelCol={{ span: 7 }}
      wrapperCol={{ span: 14 }}
      layout="horizontal"
      initialValues={{
        size: componentSize,
      }}
      onValuesChange={onFormLayoutChange}
      size={componentSize}
      form={props.form}
    >
      <Form.Item label="归档方式" name="gender" rules={[{ required: true }]}>
        <Select>
          <Select.Option value="demo">Demo</Select.Option>
        </Select>
      </Form.Item>
      <Form.Item label="测试团队" name="gender" rules={[{ required: true }]}>
        <Input />
      </Form.Item>
      <Form.Item label="测试目的" name="gender" rules={[{ required: true }]}>
        <Select>
          <Select.Option value="demo">Demo</Select.Option>
        </Select>
      </Form.Item>
      <Form.Item label="硬件版本" name="gender" rules={[{ required: true }]}>
        <Input />
      </Form.Item>
      <Form.Item
        label="环境温度(°C)"
        name="gender"
        rules={[{ required: true }]}
      >
        <Select>
          <Select.Option value="demo">Demo</Select.Option>
        </Select>
      </Form.Item>
      <Form.Item label="帧率设置" name="gender" rules={[{ required: true }]}>
        <Input />
      </Form.Item>
      <Form.Item label="分辨率" name="gender">
        <Input />
      </Form.Item>
      <Form.Item label="手机方案" name="gender">
        <Input />
      </Form.Item>
      <Form.Item label="手机方案描叙" name="gender">
        <Input />
      </Form.Item>
      <Form.Item label="游戏场景/设置" name="gender">
        <Input />
      </Form.Item>
      <Form.Item label="备注" name="gender">
        <TextArea rows={4} />
      </Form.Item>
    </Form>
  );
};
export default Submit;
